<template>
    <div class="corner tap fmd lg px16" :class="[bgClass, colorClass]" flex="main:center cross:center"><slot></slot></div>
</template>
<script>
    export default {
        props: {
          bgClass: {
            type: String,
            default: 'bg2'
          },
          colorClass: {
            type: String,
            default: 'white'
          },
        },
        data() {
            return {}
        },
        computed: {},
        methods: {},
        components: {}
    }
</script>
<style type="text/scss" lang="scss">

</style>
<style type="text/scss" lang="scss" scoped>
  .disabled {
    background-color: #cccccc;
    color: white;
    pointer-events: none;
    opacity: 1;
  }
  .lg {
    height: 48px;
  }
  .md {
    height: 44px;
  }
  .ss {
    height: 30px;
  }
  .sm {
    height: 26px;
  }
  .inline {
      display: inline-flex;
      padding: 0 12px;
  }
  .outline {
    background-color: transparent;
    border: 1px solid;
  }
</style>
